<template>
	<div class="w100 h100 position-relative">
		<three3d class="three" :data="boxInfoData" />
		<div class="middle m-t-20">
			<span style="color: #fff">中央变电所</span>
		</div>
		<my-alarm type="4" />
	</div>
</template>

<script setup name="comprehensive/electric">
import { boxInfo } from '@a/electric'
import three3d from './3d/electric.vue'
// 配电箱信息
let boxInfoData = ref([])
boxInfo().then((res) => {
	boxInfoData.value = res.data
})
</script>

<style lang="scss" scoped>
.middle {
	position: absolute;
	top: 1%;
	left: 1%;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 2px;
	color: #deedff;
}
</style>
